<?xml version="1.0" encoding="utf-8" ?>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:com="http://java.sun.com/jsf/composite/componentes"
	xmlns:f="http://java.sun.com/jsf/core">
<ui:composition template="/templates/layout.xhtml">
	<ui:include src="cadastro.xhtml" />

	<h2><h:outputText value="#{appMessages['corposHidricos.titulo']}" /></h2>
	
	<h:form id="formCorposHidricos">
	
		<p:toolbar id="tbCorposHidricos" rendered="#{restrictions.cadastro}">
			<p:toolbarGroup>
				<p:commandButton
					id="cadastrar" 
					value="#{appMessages['corposHidricos.cadastrar']}"
					action="#{corpoHidricoBean.cadastrarCorpoHidrico()}"
					oncomplete="modalCadastro.show();"
					update=":modalCadastro"/>
			</p:toolbarGroup>
		</p:toolbar>
		
		<p:messages id="msgsCorpoHidrico" />
		
		<p:confirmDialog 
			header="#{appMessages['corposHidricos.remover.titulo']}"
			message="#{appMessages['corposHidricos.remover.mensagem']}"
			widgetVar="confirmacaoRemover"
			rendered="#{restrictions.cadastro}">
			<p:commandButton 
				value="#{messages['resposta.sim']}"
				action="#{corpoHidricoBean.removerCorpoHidrico()}"
				update="msgsCorpoHidrico dtCorposHidricos" 
				oncomplete="confirmacaoRemover.hide();"/>
			<p:commandButton value="#{messages['resposta.nao']}" onclick="confirmacaoRemover.hide();" />
		</p:confirmDialog>
		
		<p:dataTable
			id="dtCorposHidricos"
			value="#{corpoHidricoBean.corposHidricos}"
			var="corpoHidrico"
			paginator="true"
			paginatorAlwaysVisible="false"
			rows="10">
			
			<!-- Corpo Hídrico -->
			<p:column headerText="#{appMessages['corposHidricos.corpoHidrico']}">
				<h:outputText value="#{corpoHidrico.nome}"/>
			</p:column>
			
			<!-- Bacia Hidrográfica -->
			<p:column headerText="#{appMessages['corposHidricos.bacia']}">
				<h:outputText value="#{corpoHidrico.baciaHidrografica.nome}"/>
			</p:column>
			
			<!-- Ação -->
			<p:column rendered="#{restrictions.cadastro}">
				<p:commandButton 
					icon="ui-icon-pencil"
					title="#{appMessages['corposHidricos.alterar']}"
					action="#{corpoHidricoBean.carregarCorpoHidrico()}"
					oncomplete="modalCadastro.show();"
					update=":modalCadastro"/>
					
				<p:commandButton 
					icon="ui-icon-close"
					title="#{appMessages['corposHidricos.remover']}"
					action="#{corpoHidricoBean.carregarCorpoHidrico()}"
					oncomplete="confirmacaoRemover.show();"/>
			</p:column>
		</p:dataTable>
	</h:form>
</ui:composition>
</html>